<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{blog}</title>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="libs/styles/style.css" rel="stylesheet">
    
  </head>
<body>
  <div class="container">    
    <div class="page-header no-margin">
      <div class="header well no-margin">
        <div class="header-top">
          <div class="header-center">
            <div class="header1">Hello</div>
            <div class="header2">WORLD!</div>
          </div>
        </div>
        <div class="header-bottom">

        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">
            <span class="badge badge-inverse logo1">.dmitryy`s</span>
            <span class="logo2">{</span>
            <span class="logo3">blog<span class="logo2">;</span></span>
            <span class="logo2">}</span>
          </a>
          
          <div class="nav-collapse">
            <!-- .nav, .navbar-search, .navbar-form, etc -->
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
            
            <form class="navbar-search pull-right" action="">
              <input class="search-query span2" type="text" placeholder="Search">
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="row content">
      <div class="span8">
        <div class="well content">
          <div class="alert alert-error fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            <p><span class="label label-important">Under construction.</span> Visit site later.</p>
          </div>
          <div class="alert alert-error fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            <div class="alert alert-success">
              Design progress...
            <div class="progress progress-success progress-striped active">
              <div class="bar" style="width: 58%;">
                58% done
              </div>
            </div>
          </div>
          </div>
          <div class="alert alert-error fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            <div class="alert alert-success">
              Kernel progress...
            <div class="progress progress-success progress-striped active">
              <div class="bar" style="width: 11%;">
                11% done
              </div>
            </div>
          </div>
          </div>
          <div class="alert alert-error fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            <div class="alert alert-success">
              Data base progress...
            <div class="progress progress-success progress-striped active">
              <div class="bar" style="width: 1%;">
                1% done
              </div>
            </div>
          </div>
          </div>
          
          <div class="well">
            Hello world!
                <ul class="nav">
    <li class="dropdown">
    <a href="#"
    class="dropdown-toggle"
    data-toggle="dropdown">
    Account
    <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
    ...
    </ul>
    </li>
    </ul>
          </div>
        </div>
      </div>
      <div class="span4">
        
        <div class="tabbable">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
            <li><a href="#2" data-toggle="tab">Section 2</a></li>
            <li><a href="#3" data-toggle="tab">Section 3</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="1">

          <div class="alert alert-info fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            <h4 class="alert-heading">Side bar.</h4>
            Activities here.
          </div>
          <div class="alert alert-info fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            Here..
          </div>
          <div class="alert alert-info fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            ...and here.
          </div>

            </div>
            <div class="tab-pane" id="2">

          <div class="alert alert-info fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            <h4 class="alert-heading">Side bar.</h4>
            Activities here.....
          </div>
          <div class="alert alert-info fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            Here......
          </div>
          <div class="alert alert-info fade in">
            <a class="close" data-dismiss="alert">&times;</a>
            .......and here.
          </div>
        </div>
            <div class="tab-pane" id="3">
              <p>Empty</p>
            </div>

          </div>
        </div>
        
        
      </div>
    </div>
    <div class="span12 well footer no-margin">my footer</div>
  </div>


 


<script src="libs/jquery/jquery.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="bootstrap/js/bootstrap-alert.js"></script>
<script src="bootstrap/js/bootstrap-dropdown.js"></script>
<script src="bootstrap/js/bootstrap-tab.js"></script>
</body>
</html>